﻿$white: #ffffff;
$blue-grey-700: #455a64 !default;
$blue-grey-900: #263238 !default;
$black-900: #22252b !default;
$orange-400: #e7ca52 !default;
$orange-500: #ffce4b !default;
$orange-600: #fb8c00 !default;


.theme-orange{
    .authentication{
        background:$orange-500;
        &::before{
            opacity: 0.07;
        }
        .company_detail{            
            h3, p{
                opacity: 1;
            }
        }

        .navbar, .page-header{
            background: $orange-500 !important;
        }
    }

    .btn-primary{
        background: $orange-500;
        &:active,
        &:hover,
        &:focus{
            background: $orange-400;
        }
        &.btn-simple{
            border-color: $orange-500;
            color: $orange-500;
            background: transparent;
        }
    }

    .page-loader-wrapper{
        background: $orange-500;
    }

    .checkbox input[type="checkbox"]:checked+label::after{
        border-color:$orange-500;
        background: $orange-500;
        color: white;
    }   

    .nav-tabs{
        .nav-link.active {
            border: 1px solid $orange-500 !important;
            background: $orange-500;
            color: $white;
        }
    }

    .card{
        .header{
            h2{
                &:before{
                    background: $orange-500;
                }
            }
            .dropdown-menu{
                li{
                    a{
                        &:hover{
                            background-color: $orange-500;
                            color: $white;
                        }
                    }
                }
            }
        }
    }

    .chat-widget{
        li.left{
            .message{
                background: $orange-500;
            }
        }
    }

    .menu-container{
        background: $orange-500;

        .h-menu{

            .open.active{
                .active{
                    a{
                        color: $orange-500;
                    }
                }
            }

            > li a{
                color: $white;
                opacity: 0.7;

                &:hover{
                    color: $white;
                    opacity: 1;
                }
            }
        }
    }

    .fc .fc-toolbar .fc-right .fc-state-active{
        background:$orange-500;
        color: $white;
    }
    .form-control:focus,
    .form-control:focus+.input-group-addon,
    .form-control:focus ~ .input-group-addon,
    .input-group-focus .input-group-addon{
        border-color: $orange-500;
        background: $white;
    }
}